<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>The Page Structure</title>
	<style type="text/css">
		header, nav, article, footer
		{
			border: solid 1px #666;
			padding: 5px;
		}
		header
		{ width: 500px; }
		nav
		{
			float: left;
			width: 60px;
			height: 100px;
		}
		article
		{
			float: left;
			width: 428px;
			height: 100px;
		}
		footer
		{
			clear: both;
			width: 500px;
		}
	</style>
</head>
<body>
<header class="bgColor">这是导航部分</header>
<nav>菜单部分</nav>
<article>
	内容部分
</article>
<footer>底部说明部分</footer>
</body>
</html>